/*
 * BACKGROUND #eff0f2
 * HIGHLIGHT #2ecc71
 * TEXT #34495e
 */

/* ID */

div#editor.evo{
    height: auto;
    width: 250px;
    position: absolute;
    opacity: 0.0;
    color: #34495E ;
}

div#title.evo{
    padding: 10px;
    background-color: #2ECC71;
    border-radius: 4px 4px 0 0;
    font-weight: bold;
}

div#close.evo{
    border-radius: 0 0  4px 4px;
}

div#propertyEditor.evo{
    display: none;
    background-color: #bdc3c7;
    width: 244px;
    margin-left: 3px;
}

/* CLASSES */

/* div to actually edit properties (contains sliders etc)  */
div.edit{
    cursor: pointer;
    background-color: #bdc3c7;
    width: 204px;
    margin-left: 3px;
    padding: 20px;
    display: none;
}

/* div to select a property to edit */
div.propertyRule.evo{
    padding: 5px 10px 5px 10px;
    cursor: pointer;
}

/* see above: hover */
div.propertyRule.evo:hover
{
    background-color:#2ECC71;
}

/* a single main editor element */
div.editorElement.evo{
    line-height: 20px;
    vertical-align: middle;
    padding: 10px;
    background-color: #Eff0F2;
    cursor: pointer;
}

/* see above: hover */
div.editorElement.evo:hover{
    background-color:#2ECC71;
}

/* an icon */
img.icon.evo{
    width: 20px;
    height: 20px;
    margin-right: 8px;
}


